<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.cc8w.com/tag/mytag" prefix="mytag"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<%@ page import="com.cc8w.entity.*"%>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 加载公共的头部的样式 (jquery+bootstrap)-->
<%@ include file="/views/common/headerStyle.jsp"%> 
<title>index</title>

<body>

<h2>Hello World!</h2>
<div class="container">
  <div class="row">
    <div class="col">
    	<div class="p_desc">
    		1.这两个变量在headerStyle.jsp里面定义的<br/>  ${APP_PATH} <br/>${BASE_PATH}<br/> 
    	</div>

	</div>
    <div class="col">
		<div class="p_desc">
			2.<c:out value="使用标签输出变量"/>
		</div>
	</div>
    <div class="col">
    	<div class="p_desc">
    		3.java程序输出:<br/>
	    	<%  
				//模拟servlet中的操作
				ArrayList <UserPojo> uplist = new ArrayList<UserPojo>();
				uplist.add(new UserPojo(1,"aaa",1));
				uplist.add(new UserPojo(2,"bbb",2));
				uplist.add(new UserPojo(3,"ccc",2));
				System.out.print(uplist);
					
				out.print(uplist);
				
				request.setAttribute("uplists", uplist);//把数据放到请求域里面
					
			    out.print("<br/>jsp输出的中文");  
			%> 
    	</div>

	</div>
	
	
    <div class="col">
		<div class="p_desc">
			4.自定义标签：<br/>
	   		<!-- 标签带属性 -->
		     <mytag:hello time="aaa"></mytag:hello> <br/><br/>
		    <!-- 标签体内容输出到页面上 -->
		     <mytag:hello2 time="bbb">2a2b2c</mytag:hello2> <br/><br/>  
		</div>
	</div>
  </div>
  
	<hr>
  	<div> 
  		<span> <a href="https://www.cnblogs.com/fps2tao/" target="_blank"> 我的博客（没有原创，只是转载分享） </a>
  		</span>

		<span>| <a href="${BASE_PATH}/sys/admin/login/" target="_self"> 后台登录 </a>
  		</span>
	</div>
  	<hr>
  <div class="row">
    <div class="col-8">
    	<div class="context_box">
    		1.form表单测试<br/>
    		     <form action="home/test/form1" method="post" >
					First name:
					<input type="text" name="firstname" value="Mickey">
					Last name:
					<input type="text" name="lastname" value="Mouse">
					<br>
					
					<select name="cars">
					<option value="volvo">Volvo</option>
					<option value="saab">Saab</option>
					<option value="fiat">Fiat</option>
					<option value="audi">Audi</option>
					</select>
					<br>
					<textarea name="message" rows="3" cols="30">
					The cat was playing in the garden.
					</textarea>
					
					<br>
					<input type="radio" name="sex" value="0" checked>0-Male
					<input type="radio" name="sex" value="1">1-Female
					<br>
				
					<input type="checkbox" name="vehicle" value="Bike">I have a bike
					<input type="checkbox" name="vehicle" value="Car">I have a car 
					<br>
					<input type="submit" value="Submit">
				</form> 
    		
    	</div>
    	
    	<div class="context_box">
    		 <a href="test.jsp" >2.测试上传文件</a>
    	</div>
    	
    	<div class="context_box">
    		3.bootstrap样式测试<br>
    		<button type="button" class="btn btn-primary">Primary</button>
			<button type="button" class="btn btn-secondary">Secondary</button>
			<button type="button" class="btn btn-success">Success</button>
			<button type="button" class="btn btn-danger">Danger</button>
			<button type="button" class="btn btn-warning">Warning</button>
			<button type="button" class="btn btn-info">Info</button>
			<button type="button" class="btn btn-light">Light</button>
			<button type="button" class="btn btn-dark">Dark</button>
			
			<button type="button" class="btn btn-link">Link</button>  
    	</div>
    	
    	<div class="context_box">
    		4.图片显示及路径测试<br/>
    		<img src="static/images/empty_order.png" class="img-rounded" style="width:80px;">
    	</div>
    	
    	<div class="context_box">
    	11
    	</div>
    	
    	<div class="context_box">
    	11
    	</div>
    	
    	<div class="context_box">
    	之后的测试项目
    	</div>
    	
    	<div class="context_box">
    	之后的测试项目
    	</div>
	</div>
    <div class="col-4">
    	<div class="context_box">
	    	javaWeb学习目录<br><hr>
	    	
	    	<ul>
	    		<li>1.基础知识语法</li>
	    		<li>2.基础难点</li>	
	    		<li>3.spring</li>	
	    		<li>4.spring-mvc</li>	
	    		<li>5.原生数据库操作JDBC</li>	
	    		<li>6.数据库操作Mybatis</li>	
	    		<li>7.缓存redis</li>	
	    		<li>8.SpringBoot</li>
	    	
	    	</ul>
	    	
	    	<hr>重点知识<br><hr>
	    	<ul>
	    		<li>1.IO操作</li>
	    		<li>2.过滤器权限控制</li>	
	    		<li>3.分页</li>	
	    		<li>4.上传文件</li>	
	    		<li>5.表单处理(单选多选)</li>
	    	
	    	</ul>
	    	
	    	
	    	
	    	
    	
    	</div>
    	
    	<div class="context_box">
	    	练习项目<br>
	    	<hr>
	    	<ul>
	    		<li>1.XXXX</li>	
	    	
	    	</ul>
    	</div>
    	
    	<div class="context_box">
	    	做的项目<br>
	    	<hr>
	    	<ul>
	    		<li>1.网页自动点击</li>
	    		<li>2.百度自定义广告</li>
	    		<!--li>3.淘宝客后台</li-->	
	    		<li>3.8~9个公司项目(隐藏不透露了)</li>
	    		<!--li>百孝乐购会员管理</li-->
	    		<!--li>百孝乐购app(php接口)</li-->
	    		<!--li>百孝乐购商城app(php接口)</li-->
	    		<!--li>百孝乐购小程序</li-->
	    		<!--li>百孝乐助小程序</li-->
	    		<!--li>我的单据小程序</li-->	
	    		<!--li>星元通app(榆林医院)</li-->	
	    		<!--li>限号通小程序</li-->	
	    			
	    		
	    	
	    	</ul>
    	
    	</div>
	</div>
  </div>
  
</div>



     
</body>

<!-- 加载公共的底部的样式(jquery+bootstrap) -->
<%@ include file="views/common/footerStyle.jsp"%> 
</html>
